import React, { useEffect } from "react";

import Header from "@/components/header"
import ViewMenu from "@/layout/components/Menu";
import { App, Layout } from "antd";
import ViewHeader from "@/layout/components/Header";
import ViewFooter from "@/layout/components/Footer";
import ViewContent from "@/layout/components/Content";


export default function RootLayout({
    children,
}: Readonly<{
    children: React.ReactNode;
}>) {
    return (
        <>
            <App>
                <Layout style={{ minHeight: '100vh', minWidth: '100vw' }}>
                    {/*侧边栏*/}
                    <ViewMenu />
                    {/*右侧*/}
                    <Layout>
                        {/*头部*/}
                        <ViewHeader />
                        {/*主体*/}
                        {/* <Header></Header> */}

                        <ViewContent >
                            {children}
                        </ViewContent>
                        {/*底部*/}
                        <ViewFooter />
                    </Layout>
                </Layout>
            </App>
        </>


    )
        ;
}
